<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #dress{
            width: 320px;
            line-height: 25px ;
            font-size: 12px;

        }
        h3{
            font-size: 16px;
            text-indent: 40px;
            height: 40px;
            line-height: 40px;
        }
        #dress01{
            background-image: url("../素材/商品分类/dress01.png");
            background-repeat: no-repeat;
        }
        #dress02{
            background-image: url("../素材/商品分类/dress02.png");
            background-repeat: no-repeat;
        }
        #dress03{
            background-image: url("../素材/商品分类/dress03.png");
            background-repeat: no-repeat;
        }
        #dress04{
            background-image: url("../素材/商品分类/dress04.png");
            background-repeat: no-repeat;
        }
        #dress05{
            background-image: url("../素材/商品分类/dress05.png");
            background-repeat: no-repeat;
        }

    </style>
</head>
<body>
<div id="dress">

    <h3 id="dress01">夏季流行</h3>
    <hr>
    <div>
        <a href="">夏季新品</a>&nbsp;
        <a href="">夏季新品</a>&nbsp;
        <a href="">夏季新品</a>&nbsp;
        <a href="">夏季新品</a>&nbsp;
        <a href="">夏季新品</a>&nbsp;
        <a href="">夏季新品</a>&nbsp;
        <a href="">夏季新品</a>&nbsp;
        <a href="">夏季新品</a>&nbsp;
        <a href="">夏季新品</a>&nbsp;
    </div>
    <h3 id="dress02">上装</h3>
    <div>
        <a href="">衬衫</a>&nbsp;
        <a href="">衬衫</a>&nbsp;
        <a href="">衬衫</a>&nbsp;
        <a href="">衬衫</a>&nbsp;
        <a href="">衬衫</a>&nbsp;
        <a href="">衬衫</a>&nbsp;
        <a href="">衬衫</a>&nbsp;
        <a href="">衬衫</a>&nbsp;
    </div>
    <hr>
    <h3 id="dress03">裙子</h3>
        <div>
            <a href="">连衣裙</a>&nbsp;
            <a href="">连衣裙</a>&nbsp;
            <a href="">连衣裙</a>&nbsp;
            <a href="">连衣裙</a>&nbsp;
            <a href="">连衣裙</a>&nbsp;
            <a href="">连衣裙</a>&nbsp;
            <a href="">连衣裙</a>&nbsp;
            <a href="">连衣裙</a>&nbsp;
            <a href="">连衣裙</a>&nbsp;
        </div>
    <hr>
    <h3 id="dress04">裤子</h3>
        <div>
            <a href="">休闲裤</a>&nbsp;
            <a href="">休闲裤</a>&nbsp;
            <a href="">休闲裤</a>&nbsp;
            <a href="">休闲裤</a>&nbsp;
            <a href="">休闲裤</a>&nbsp;
            <a href="">休闲裤</a>&nbsp;
            <a href="">休闲裤</a>&nbsp;
            <a href="">休闲裤</a>&nbsp;
            <a href="">休闲裤</a>&nbsp;
        </div>
    <hr>
    <h3 id="dress05">其他女装</h3>
    <div>
        <a href="">婚纱</a>&nbsp;
        <a href="">婚纱</a>&nbsp;
        <a href="">婚纱</a>&nbsp;
        <a href="">婚纱</a>&nbsp;
        <a href="">婚纱</a>&nbsp;
        <a href="">婚纱</a>&nbsp;
        <a href="">婚纱</a>&nbsp;
    </div>
    <hr>
</div>
</body>
</html>